<!--
 * @Description: 
 * @Author: william
 * @Date: 2025-07-01 11:51:57
 * @LastEditors: william
 * @LastEditTime: 2025-11-05 21:13:25
-->
<template>
  <CustomModal
    title="请稍等"
    v-model="visible"
    :showCancelButton="false"
    :showConfirmButton="false"
  >
    <view class="img-wrap">
      <image
        :src="getViteImageUrl('recipe/loading.png')"
        mode="aspectFit"
        class="icon"
      />
    </view>
    <view class="content-text">系统自动校准投料中</view>
  </CustomModal>
</template>

<script setup>
defineOptions({
  name: 'SeasonCalibBox',
  inheritAttrs: false
})

const props = defineProps({
  row: {
    type: Object,
    default: () => {}
  }
})
const visible = defineModel({
  type: Boolean,
  default: false
})

onMounted(_ => {
  //
})
</script>

<style lang="scss" scoped>
.img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 90rpx;
  .icon {
    width: 86rpx;
    height: 86rpx;
    animation: spin 2s linear infinite;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.content-text {
  margin: 52rpx 0 44rpx;
  line-height: 26rpx;
  text-align: center;
  font-size: 27rpx;
  font-weight: 400;
  color: var(--color-333);
}
</style>
